<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            background: silver;
            zoom: 1.25;
        }
        iframe {
            position: absolute;
            top: 50px;
            width: 200px;
            height: 200px;
            overflow: auto;
        }
    </style>
    <script src="../resources/text-based-repaint.js"></script>
</head>
<body onload="runRepaintAndPixelTest()">
    <iframe src="about:blank"></iframe>
    <script>
        var frame = window.frames[0];
        var doc = frame.document;
        doc.body.style.backgroundColor = 'white';
        doc.body.style.width = '2000px';
        doc.body.style.height = '2000px';
        doc.body.appendChild(doc.createTextNode('scroll me'));
        frame.scrollBy(100, 100);
    </script>
    <script>
        window.testIsAsync = true;
        function repaintTest()
        {
            frame.onscroll = function() {
                finishRepaintTest();
            };
            frame.scrollBy(-90, -90);
        }
    </script>
</body>
</html>
